<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>Slideshow lite</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.slider.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript"><!--//
      $(document).ready(function(){
        $(window).load(function() {
          $('.slider').slider();
        });
      });
    --></script>
    <style type="text/css">
      .sliderVisible {
        width: 300px;
        border: 5px solid black;
        margin-left: 600px;
      }
      img { display: none }
    </style>
  </head>
  <body>
    <div class="slider">
      <img src="http://www.antipope.org/charlie/gifs/shoot_kitten.jpg" alt="jojojo1" />
      <img src="http://www.thewriterscoin.com/wp-content/uploads/2009/01/lolcat-300x300.jpg" alt="jojojo1" />
      <img src="http://images-0.redbubble.net/img/clothing/bodycolor:black/size:medium/style:mens/view:main/3283746-1-lolcat-wants-moar.jpg" alt="jojojo1" />
      <img src="http://lolcats.com/images/u/07/34/lolcatsdotcomapif8cpspt0k87dj.jpg" alt="jojojo1" />
    </div>
  </body>
  </html>
